#offCanvasLeft {
  background-color: $et-drawer-bg;
  overflow-x: hidden;
}

.et-drawer-menu {

  li[aria-expanded="true"] {
    & > a:after {
      transform: rotate(90deg);
      transition: all 0.2s;
    }
  }

  &.menu {
    & > li {
      a {
        padding: 1rem;
        color: $et-nav-txt;
        position: relative;

        &[data-has-children]:after {
          @include et-submenu-arrow;
        }

        i, span {
          vertical-align: middle;
        }

        i {
          margin-right: 0.5rem;
        }
      }
    }

    .menu {
      &.et-drawer-menu2 {
        background-color: $et-nav-2nd-bg;
        @include et-submenu-shadow;
        & > li {
          & > a {
            @include et-drawer-submenu($et-drawer-menu2-padding-left, $et-drawer-menu2-font-size);
            i {
              margin-right: 0.25rem;
            }
          }
        }
      }

      &.et-drawer-menu3 {
        background-color: $et-nav-3rd-bg;
        @include et-submenu-shadow;
        & > li {
          & > a {
            @include et-drawer-submenu($et-drawer-menu3-padding-left, $et-drawer-menu3-font-size);
          }
        }
      }
    }
  }
}
